 @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .bg-gradient-custom {
                background: linear-gradient(135deg, #165DFF 0%, #722ED1 100%);
            }
            .task-card-hover {
                transition: all 0.3s ease;
            }
            .task-card-hover:hover {
                transform: translateY(-3px);
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .modal-enter {
                opacity: 0;
                transform: scale(0.9);
            }
            .modal-enter-active {
                opacity: 1;
                transform: scale(1);
                transition: opacity 300ms, transform 300ms;
            }
        }
.task-item {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .task-item:active {
    transform: scale(0.98);
  }
  
  /* 页面过渡动画 */
  .page-transition {
    animation: fadeOut 0.3s ease-out forwards;
  }
  
  @keyframes fadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(10px); }
  }